<template>
    <el-card class="box-card">
    <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="员工管理" name="a"> 
           <div v-for="(item, index) in empleftmenu" :key="index" >
                <router-link class="text item" :to="item.to">{{ item.label }}</router-link>
           </div>
         </el-collapse-item>       
    </el-collapse>
    </el-card>
  </template>
  <script>
export default {
    name: 'empleft',
    data: function() {
        return {
            activeNames: 'a',
            empleftmenu: [{label: '员工查询', to: '/emp'},{label: '员工查询2', to: '/'},{label: '员工查询3', to: '/'}]
        }
    },
    methods: {
        handleChange () {

        }
    }
}
  </script>
  <style scoped>
  .card-header {
    display: flex;
    align-items: center;
  }
  
  .text {
    font-size: 14px;
  }
  
  .item {
    margin-bottom: 18px;
  }
  
  .box-card {
    width: 100%;
  }
  
a {
  font-weight: bold;
  color: #2c3e50;
}

a.router-link-exact-active {
  color: #42b983;
}
  </style>